/**********clearfix*********/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/***************************/
* { margin: 0; padding: 0; }

body { background: #222222; font-family: tahoma, serifSansSerifMonospace; color: #EEEEEE; }

h1 { font-weight: normal; font-size: 1.8em; display: inline; }
h2 { font-weight: normal; }
h3 { font-weight: normal; }

a { color: #0099ff; text-decoration: underline; }
a:visited { color: #0099ff; }
a:hover { color: #0099ff; text-decoration: none; }

input, textarea { border: none; background: #303030; font-family: tahoma, serifSansSerifMonospace; }
textarea { padding: 5px; }
fieldset { border: 2px dotted #616161; padding: 10px 15px 3px 15px; margin-top: 10px; display: inline; }
legend { font-size: 1.2em; font-weight: normal; }
.inputborder { background: #616161; padding: 2px; margin-bottom: 15px; }
input.text,
textarea { color: #eeeeee; width: 294px; }
input.text { height: 21px; padding: 5px 5px 0; }
input.btn { color: #0099ff; height: 26px; cursor: pointer; font-weight: bold; padding: 0 10px; }
div.editor-label { margin-bottom: 3px; }

#wrapper { width: 990px; min-height: 1000px; margin: 10px auto 0; }

#head { width: 990px; position: relative; }

#logo { display: block; position: absolute; top: 0px; left: -60px; height: 220px; width: 350px; background: url('Images/logo_vor2010_3vikna_verk.png') no-repeat 0px 0px; text-indent: -9999px; z-index: 0; }

#userbox { position: absolute; top: 28px; right: 30px; z-index: 10; }
#userbox label { display: block; }
#userbox .btn { float: right; }
#userbox input { margin-bottom: 15px; }

#searchbox { position: absolute; top: 95px; left: 275px; height: 42px; width: 355px; background: #616161; }
#searchbox #query { font-size: 24px; background: #303030; border: none; width: 298px; height: 34px; color: #555555; padding: 6px 10px 2px; float: left; }
#searchbox #query.focus { color: #eeeeee; }
#searchbox #submitsearch { background-color: #303030; float: left; border: none; width: 37px; height: 42px; text-indent: -9999px; cursor: pointer; background-image: url('Images/magnifying_glass.png'); background-position: center center; background-repeat: no-repeat; }

#body { margin-top: 175px; position: relative; z-index: 5; padding: 10px; }

#body .half { float: left; width: 475px; margin-right: 5px; }
#body .usernameheader { margin-bottom: 10px; }
#body .usernameheader h1 { margin-left: 15px; }

.frontpagelists table { width: 310px; float: left; margin-right: 10px; }
table caption { font-size: 1.2em; background: #303030; padding: 5px; border-bottom: 4px solid #616161; text-align: center; }
table th { font-size: 1.2em; background: #303030; padding: 5px; border-bottom: 4px solid #616161; text-align: center; }
table tr { margin-bottom: 10px; }
table td { padding: 5px; }
table .odd { background: #303030; }

#video { float: left; margin-right: 10px; width: 640px; }
#video #embeddedVideo { height: 360px; background: #303030; }

#related { float: left; width: 295px; margin-left: 5px; }
#related table { width: 100%; }

#currentSchedule { float: left; margin: 10px 10px 0 0; }
#currentSchedule .times { float: left; width: 42px; margin-right: 10px; }
#currentSchedule .items { margin-top: 10px; float: left; width: 420px; }
#currentSchedule .items div { width: 100%; }
#currentSchedule .items .odd { background: #303030; }


#toolbar { margin-top: 10px; }

.hoverpop .popdown { display: none; position: absolute; }

#rate { float: left; }
#rate .hover { display: block; height: 23px; width: 57px; padding: 4px 10px 3px 40px; background: #222222 url('Images/starfull.png') no-repeat 10px 3px; color: #dd0000; text-decoration: none; }
#rate .hover:hover { background-color: #303030; }
#rate .popdown { padding: 10px 0 10px 10px; width: 160px; background-color: #303030; }
#rate .popdown a { display: block; height: 22px; width: 22px; float: left; margin-right: 10px; }
#rate .popdown a.starfull { background: url('Images/starfull.png') no-repeat; }
#rate .popdown a.staropen { background: url('Images/staropen.png') no-repeat; }
#rate .popdown span { display: block; text-align: center; color: #dd0000; margin-top: 5px; }

#bookmark { float: left; margin-left: 10px; }
#bookmark .hover { display: block; height: 23px; padding: 4px 10px 3px 47px; background: #222222 url('Images/bookmark.png') no-repeat 10px 3px; color: #dd0000; text-decoration: none; }
#bookmark .hover:hover { background-color: #303030; }

#mailinglist { float: left; margin-left: 10px; }
#mailinglist .hover { display: block; height: 23px; padding: 4px 10px 3px 48px; background: #222222 url('Images/mailinglist.png') no-repeat 10px 3px; color: #dd0000; text-decoration: none; }
#mailinglist .hover:hover { background-color: #303030; }
#mailinglist .popdown { padding: 10px; background-color: #303030; display: none; }
#mailinglist span { display: block; color: #dd0000; margin-bottom: 5px; }
#mailinglist .textinput { margin-bottom: 10px; }
#mailinglist .submit { color: #0099ff; cursor: pointer; height: 26px; width: 70px; float: right; font-weight: bold; }

#createschedule { float: left; margin-left: 10px; }
#createschedule .hover { display: block; height: 23px; padding: 4px 10px 3px 42px; background: #222222 url('Images/schedule.png') no-repeat 10px 3px; color: #dd0000; text-decoration: none; }
#createschedule .hover:hover { background-color: #303030; }

.unread { background: url('Images/mailinglist.png') no-repeat center center; }

#views { float: right; color: #dd0000; padding: 4px 10px 3px 10px; }

#series { padding-left: 39px; margin-top: 5px; margin-bottom: 5px; background: url('Images/series.png') no-repeat 10px 0; color: #eeeeee; height: 22px; }

#info { margin-top: 10px; }
#info h3 { background: #353535; padding: 5px 10px 8px; margin-bottom: 10px; }
#info h3 a { color: #eeeeee; text-decoration: none; display: block; width: 100%; }
#info h3 a:hover { color: #eeeeee; }
#info h3 a:active { color: #eeeeee; }
#info .popdown { padding: 5px 10px 10px; margin-bottom: 10px; font-size: 12px; text-align: justify; }

#comments table { width: 100%;  }
#comments .username { width: 115px; }
#comments .time { width: 115px; }

#showcase { position: relative; height: 140px; margin-bottom: 10px; overflow: hidden; }
#showcase .show { height: 110px; padding: 10px; width: 350px; overflow: hidden; background: #353535; }
#showcase .showborder { padding: 5px; background: #616161; width: 370px; position: absolute; top: 0; border: 1px solid #222222; }
#showcase .info { float: left; width: 260px; margin: 3px 10px 3px 0; }
#showcase .info h2,
#showcase .info p { display: block; }
#showcase .info p { font-size: 0.85em; text-align: justify; }
#showcase .info h2 { overflow: hidden; height: 1.2em; }
#showcase .info a { color: #eeeeee; text-decoration: none; }
#showcase a img { border: none }
#showcase .showthumb { float: left; margin: 15px 0; }
